{% load static %}
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
        <title>车辆管理系统</title>
        <link href="{% static 'admin/images/logo.png' %}" rel="icon">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="{% static 'component/layui/css/layui.css' %}" />
		<link rel="stylesheet" href="{% static 'admin/css/pearTab.css' %}" />
		<link rel="stylesheet" href="{% static 'admin/css/pearTheme.css' %}" />
		<link rel="stylesheet" href="{% static 'admin/css/pearLoad.css' %}" />
		<link rel="stylesheet" href="{% static 'admin/css/pearFrame.css' %}" />
		<link rel="stylesheet" href="{% static 'admin/css/pearAdmin.css' %}" />
		<link rel="stylesheet" href="{% static 'admin/css/pearNotice.css' %}" />
		<link rel="stylesheet" href="{% static 'admin/css/pearSocial.css' %}" />
		<link rel="stylesheet" href="{% static 'admin/css/pearMenu.css' %}" />
		<style id="pearone-bg-color"></style>
	</head>
	<body class="layui-layout-body pear-admin">
		<!-- 布局框架 -->
		<div class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<ul class="layui-nav layui-layout-left">
					<li class="collaspe layui-nav-item"><a href="#" class="layui-icon layui-icon-shrink-right"></a></li>
					<li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1"></a></li>
				</ul>
				<div id="control" class="layui-layout-control"></div>
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item layui-hide-xs"><a href="#" class="fullScreen layui-icon layui-icon-screen-full"></a></li>
					<li class="layui-nav-item" lay-unselect="">
						<!--<a href="javascript:;"><img src="{% static 'admin/images/33.jpg' %}" class="layui-nav-img">{{ user.name }}</a>-->
                        <a href="javascript:;">{{ user.name }}</a>
						<dl class="layui-nav-child">
{#							<dd><a href="{% static 'view/system/person.html' %}" class="pearson">个人信息</a></dd>#}
							<dd><a href="javascript:;">修改密码</a></dd>
							<dd><a href="{% url 'user:logout' %}">退出登录</a></dd>
						</dl>
					</li>
{#					<li class="setting layui-nav-item"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>#}
				</ul>
			</div>
			<div class="layui-side layui-bg-black">
				<div class="layui-logo">
					<a href="{% url 'home:index' %}">
						<img class="logo" src="{% static 'admin/images/logo.png' %}" />
                        <span class="title">我的角色: {{ user.role.name }}</span>>
					</a>
				</div>
				<div class="layui-side-scroll">
					<div id="sideMenu"></div>
				</div>
			</div>
			<div class="layui-body">
				<div id="content"></div>
			</div>
		</div>
        <!-- 移动端 遮盖层 -->
		<div class="pear-cover"></div>
        <!-- 初始加载 动画-->
		<div class="loader-main">
			<div class="loader"></div>
		</div>
        <!-- 聊天组件 -->
		<!-- <div id="social" class="layui-hide-xs"></div> -->
        <!-- 移动端 的 收缩适配 -->
		<div class="collaspe pe-collaspe layui-hide-sm">
			<i class="layui-icon layui-icon-shrink-right"></i>
		</div>
		<script src="{% static 'component/layui/layui.js' %}"></script>
		<script>
			layui.use(['pearAdmin', 'jquery', 'pearSocial', 'layer'], function() {
				var pearAdmin = layui.pearAdmin;
				var $ = layui.jquery;
				var layer = layui.layer;
				var pearSocial = layui.pearSocial;
				var pearAuth = layui.pearAuth;

				var config = {
					keepLoad: 1500, // 主 页 加 载 过 度 时 长 可为 false
					muiltTab: true, // 是 否 开 启 多 标 签 页 true 开启 false 关闭
					control: false, // 是 否 开 启 多 系 统 菜 单 true 开启 false 关闭
					theme: "dark-theme", // 默 认 主 题 样 式 dark-theme 默认主题 light-theme 亮主题
					index: "{% url 'home:index_page' %}", // 默 认 加 载 主 页
					data: "{% static 'admin/data/menu.json' %}", // 菜 单 数 据 加 载 地 址
					select: '11', // 默 认 选 中 菜 单 项
					notice: "{% static 'admin/data/notice.json' %}", // 消 息 列 表 数 据
					auth: "{% static 'admin/data/storehouse.json' %}" // 前端权限限制，false 关闭该功能
				};

				var setting = {
					elem: 'social'
				}

				pearSocial.render(setting);
				pearAdmin.render(config);
			})
		</script>
	</body>
</html>
